layui.use('table', function() {
	var table = layui.table;

	table.render({
		elem : '#test',
		metohd:'POST',
		url : '/model/list',
		cellMinWidth : 80 // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
		,page: true
		,cols : [ [ {
			field : 'id',
			width : 80,
			title : '模板ID',
			sort : true
		}, {
			field : 'domain',
			width : 80,
			title : '领域'
		}, {
			field : 'type',
			width : 80,
			title : '类型',
			sort : true
		}, {
			field : 'content',
			title : '模板内容',
			minWidth : 100
		} // minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
		, {
			field : 'createTime',
			width : 160,
			title : '创建时间',
			sort : true
		}, {
			field : '',
			minWidth : 100,
			title : '操作',
			toolbar: '#barDemo'
		} ] ]
	});
	
	//监听工具条
	table.on('tool(test)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
	  var data = obj.data; //获得当前行数据
	  var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
	  var tr = obj.tr; //获得当前行 tr 的DOM对象
	 
	  if(layEvent === 'detail'){ //查看
	    //do somehing
	  } else if(layEvent === 'del'){ //删除
	    layer.confirm('真的删除行么', function(index){
	      obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
	      layer.close(index);
	      //向服务端发送删除指令
	    });
	  } else if(layEvent === 'edit'){ //编辑
	    //do something
	    
	    //同步更新缓存对应的值
	    obj.update({
	      username: '123'
	      ,title: 'xxx'
	    });
	  }
	});
});




layui.use([ 'element', "form" ], function() {
	var element = layui.element;
	var form = layui.form;

	form.on('submit(model)', function(data) {
		console.log(data.elem) // 被执行事件的元素DOM对象，一般为button对象
		console.log(data.form) // 被执行提交的form对象，一般在存在form标签时才会返回
		console.log(data.field) // 当前容器的全部表单字段，名值对形式：{name: value}

		var FormData= $("#modelForm").serializeObject();
		var msg = '';
		if (isEmpty(data.field.content)) {
			msg = '模板不能为空';
		} else if (isEmpty(data.field.title)) {
			msg = '标题不能为空';
		} else if (isEmpty(data.field.type)) {
			msg = '类型不能为空';
		} else if (isEmpty(data.field.domain)) {
			msg = '领域不能为空';
		}
		if (!isEmpty(msg)) {
			info(msg);
			return false;
		}

		$.ajax({
			type : "post",
			dataType : "json",
			url : '/model/add',
			data : FormData,
			success : function(data) {
				if (data != "") {
					info(data.status);
				}
			}
		});

		return false; // 阻止表单跳转。如果需要表单跳转，去掉这段即可。
	});

});

// 添加绑定事件
/*
 * $("#modelCommit").bind("click", function() { var data =
 * $("#modelForm").serializeArray().map(function(x){data[x.name]=x.value;}); var
 * msg = ''; if (isEmpty(data.content)) { msg = '模板不能为空'; } else if
 * (isEmpty(data.title)) { msg = '标题不能为空'; } else if (isEmpty(data.type)) { msg =
 * '类型不能为空'; } else if (isEmpty(data.domsin)) { msg = '领域不能为空'; } if
 * (!isEmpty(msg)) { info(); return; }
 * 
 * $.ajax({ type : "post", dataType : "json", url : '/model/addModel', data :
 * data, success : function(data) { if (data != "") { alert(data); } } }); });
 */
function isEmpty(str) {
	if (str == undefined || str == null || str == "") {
		return true;
	}
	return false;
}

function info(msg) {
	layer.open({
		type : 0,
		content : msg
	// 这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
	});
}